<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Multi-language SRT tool</title>
	<link rel="stylesheet" type="text/css" media="screen" href="../../css/creative-suite.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>  
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script type="text/javascript" src="../../js/date.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>  
	<script type="text/javascript" src="linefilter.js"></script>
</head>
<body> 
	<h1>Multi-language SRT tool</h1>  
	<div class="secondary toolbar">
		<div class="bar-content">  
			<div class="buttons-container" style="float:left">
				<div class="buttons">
					<a class="button btn-loadDefaults" href="#"><span>load defaults</span></a> 
				</div> 
			</div> 
			<div class="buttons-container app-buttons" style="float:right">
				<div class="buttons">
					<label style="float:left;width:40px">Show: </label>
					<a class="button btn-showLineNums" href="#"><span><input type="checkbox"> <span>line numbers</span></span></a>  
					<a class="button btn-showTags" href="#"><span><input type="checkbox"> <span>line tags</span></span></a> 
					<label style="float:left;width:70px;margin-left:20px">Show lines: </label> 
					<div class="lang-toggles" style="float:left;"></div>
					<a class="button btn-saveAsSrt" href="#" style="margin-left:20px"><span><img src="http://mindpirates.org/img/icons/disk.png"> <span style="left:3px">Save as SRT file</span></span></span></a>   
				</div> 
			</div>
			
			
					
		</div>
	</div>
	
	<table>
		<tr>
			<td>
				<div class="panel">
					<h3 title="Paste file contents or drag the file into the text area below">File input</h3> 
			 		<div class="panel-content">
						<textarea></textarea>
						<div class="clear buttons" style="width: 43px; margin: 3px auto;">
							<a class="button clear-textarea"><span>clear</span></a>
						</div>
					</div>
				</div>
			</td> 
		</tr>
	</table>
	
</body>
</html>